<template>
	<view>
		<view class="item" v-for="(item,index) in seniclist" @tap="toDetails(item.objectId)">
			<view class="pic">
				<image :src="item.img" mode=""></image>
			</view>
			<vieew class="msg">
				<view class="name">{{item.name}}</view>
				<view class="intro">{{item.intro}}</view>
			</vieew>
		</view>
	</view>
</template>

<script setup>
	// import {
	// 		onLoad
	// 	} from "@dcloudio/uni-app"
	// 	import {
	// 		ref
	// 	} from 'vue'
	// 	import {
	// 		CONFIGS
	// 	} from "../../utils/config"

	// const type = ref(1)
	// onLoad(() => {
	// 	getSenic()
	// })
	// const seniclist = ref([])
	// async function getSenic() {
		
	// 	let query={
	// 		"type":1
	// 	}
	// 	let querStr=JSON.stringify(query)
	// 	console.log(query)
	// 	console.log(querStr)
	// 	let res = await uni.$get(CONFIGS.leancloud2_url + "/1.1/classes/Senicitem",{
	// 		where:querStr
	// 	})
	// 	console.log(res)
	// 	if(res.statusCode==200){
	// 		seniclist.value=res.data.results
	// 	}
	// 	console.log(seniclist.value)
	// }
	
	// function toDetails(id){
	// 	uni.navigateTo({
	// 		url:"/pages/palyDetails/palyDetails?id="+id
	// 	})
	// }
</script>

<style scoped lang="scss">
/* 整体的景点列表项样式 */
.item {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ccc; /* 底部添加一条浅灰色分割线 */
    padding: 10px 0;
    margin: 0 10px;
}

/* 景点图片容器样式 */
.pic {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}

/* 图片样式，设置合适的显示模式，这里以宽度固定，高度自适应为例 */
.pic image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* 景点信息容器样式 */
.msg {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 景点名称样式 */
.name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

/* 景点介绍样式 */
.intro {
    font-size: 14px;
    color: #666;
}
</style>